<script type="text/javascript">
    var baseUrl = '<?php echo $this->baseUrl(); ?>';
    var codigoPostales = new Array();
<?php
foreach ($this->localidades as $localidad) {
    echo 'codigoPostales[' . $localidad->getId() . '] = ' . $localidad->getCodigoPostal() . ';';
}
?>
</script> 
<style>
    .well legend{<?php echo "color:" . $this->colorFuenteContenido . ";"; ?>}
    #errores_validacion {
        margin: 3px; padding: 0; border: none;
    }
    #errores_validacion span {
        width: 290px; display: inline-block;  margin: 3px; padding: 5px;
        margin-right: 5px; margin-bottom: 5px;
    }
    .nav-tabs > .active > a,
    .nav-tabs > .active > a:hover {
        font-weight: bold;
        color: #000;
        cursor: default;
        background-color: #ffffff;

    }
    .nav-tabs a{
        background-color: #C7C7C7;
        color: #000;
    } 
    
    input{text-transform:uppercase;}
    textarea{text-transform:uppercase;}
</style>

<?php echo $this->render('cliente/registrar-menu-lateral.phtml'); ?>

<div id="errores_validacion" class="alert alert-error"></div>

<div class="well" >
    <!-- TABS -->
    <ul class="nav nav-tabs" id="myTab">
        <li class="active" ><a href="#cliente" id="tabCliente">Persona</a></li>
        <li><a href="#calificacion" id="tabCalificacion">Calificaci&oacute;n</a></li>
        <li><a href="#adjuntos" id="tabAdjuntos">Documentos Adjuntos</a></li>
        <div class="pull-right" style="margin-right: 40%;">
            <style>
                h3{line-height: 0px;}
            </style>
            <h3 id="tipo_cliente">
                <?php if (isset($this->session->cliente_id)) { ?>
                    GARANTE
                <?php } else { ?>
                    CLIENTE
                <?php } ?>
            </h3>
        </div>

    </ul>
    <!-- END TABS -->
    <!-- CONTENT TABS -->
    <form class="form-inline" name="form-registrar-cliente" id="form-registrar-cliente" action="<?php if ($this->formAction) { echo $this->formAction; } ?>" method="POST" enctype="multipart/form-data" >
        <div class="tab-content">
            <div class="tab-pane active" id="cliente">
                <div class="well well-small"  style="<?php echo "background-color:" . $this->colorContenido . ";"; ?>">

                    <?php echo $this->render('cliente/registrar-cliente.phtml'); ?>

                    <?php echo $this->render('cliente/registrar-cliente-laboral.phtml'); ?>

                    <div align="center">
                        <legend></legend>
                        <label class="control-label" for="inputNacionalidad">Confiabilidad</label>
                        <div class="controls">
                            <select  class="input-large" name="calificacion_id" id="calificacion_id" >
                                <option value="">Ninguna</option>
                                <?php foreach ($this->calificaciones as $calificacion) { ?>
                                    <option value="<?php echo $calificacion->getId() ?>"   <?php echo $this->clienteArray["Calificacion"]["Id"] == $calificacion->getId() ? "selected" : "" ?>    ><?php echo $calificacion->getDescripcion() ?></option>
                                <?php } ?>
                            </select>
                        </div>
                    </div><br/>
                </div>
            </div>
            <div class="tab-pane" id="calificacion">
                <?php echo $this->render('cliente/registrar-calificacion.phtml'); ?>
            </div>
            <div class="tab-pane" id="adjuntos">
                <?php echo $this->render('cliente/registrar-adjuntos.phtml'); ?>
            </div>

            <div class="tab-pane" id="calificacion_garante">
                <?php echo $this->render('cliente/registrar-calificacion_garante.phtml'); ?>                
            </div>
        </div>
    </form>
    <!-- END CONTENT TABS -->
</div>

<script type="text/javascript">
    $('#myTab a').click(function (e) {
        e.preventDefault();
        $(this).tab('show');
    });
    function goToErrors() {
        var top = $('#errores_validacion').offset().top - 300;
        $('html,body').animate({scrollTop: top}, 1000);
    }
</script>
